<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Font Weight Test</title>
  </head>
  <body>
    Numeric keyword values
    <ul>
      <li><span style="font-weight: 100;">字体粗细 100</span></li>
      <li><span style="font-weight: 200;">字体粗细 200</span></li>
      <li><span style="font-weight: 300;">字体粗细 300</span></li>
      <li><span style="font-weight: 400;">字体粗细 400</span></li>
      <li><span style="font-weight: 500;">字体粗细 500</span></li>
      <li><span style="font-weight: 600;">字体粗细 600</span></li>
      <li><span style="font-weight: 700;">字体粗细 700</span></li>
      <li><span style="font-weight: 800;">字体粗细 800</span></li>
      <li><span style="font-weight: 900;">字体粗细 900</span></li>
    </ul>
    Keyword values
    <ul>
      <li><span style="font-weight: normal;">字体粗细 normal</span></li>
      <li><span style="font-weight: bold;">字体粗细 bold</span></li>
    </ul>
    Keyword values relative to the parent
    <ul>
      <li><span style="font-weight: bolder;">字体粗细 bolder</span></li>
      <li><span style="font-weight: lighter;">字体粗细 lighter</span></li>
    </ul>
  </body>
</html>
